<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
div {
    margin: 150px;
    width: 200px;
    height: 100px;
    background-color: yellow;
    border: 1px solid black;
    border: 1px solid black;
   
}
	div:hover{
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(0.5); /* Safari */
		transform: scale(1,2); /* 标准语法 */
	}
</style>
</head>
<body>

    <h1>scale放大或者缩小</h1>
    <strong>
        1 : 为原始大小
        大于1 为放大
        小于1 为缩小 
        scale(x,y)  x 水平 y 垂直
    </strong>

<div>
div 元素的宽度是原始大小的两倍，高度是原始大小的三倍。
</div>

</body>
</html